<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content=" FILL ME IN ">
		<meta name="author" content=" FILL ME IN ">
		<title>Cameron Pittman: Portfolio</title>

		<link href="css/style.css" rel="stylesheet">
		<link href="css/print.css" rel="stylesheet" media="print">

		<script>
			(function(w, g) {
				w['GoogleAnalyticsObject'] = g;
				w[g] = w[g] || function() {
					(w[g].q = w[g].q || []).push(arguments)
				};
				w[g].l = 1 * new Date();
			})(window, 'ga');

			// Optional TODO: replace with your Google Analytics profile ID.
			ga('create', 'UA-XXXX-Y');
			ga('send', 'pageview');
		</script>
		<script async src="js/analytics.js"></script>
		<script async src="js/perfmatters.js"></script>
	</head>

	<body>
		<header>
			<a href="/"><img src="img/profilepic.jpg"></a>
			<p>Cameron Pittman<br><span>Course Developer</span></p>
		</header>

		<div class="container">
			<div class="hero">
				<strong>I love web development!</strong> This is a template for a simple portfolio. I decided to use it to showcase a few Udacity courses I've taken and some teaching work, but you can use it to showcase any kind of project that you want the world to see :) <br> Contact me: me@email.com
			</div>

			<div class="content">
				<ul>
					<li>
						<div id="div-2048" class="li-div-img"></div>
						<a href="project-2048.html">Build Your Own 2048!</a>
						<p>I made my own version of 2048. How cool is that!?</p>
					</li>

					<li>
						<div id="div-project-webperf" class="li-div-img"></div>
						<a href="project-webperf.html">Website Performance Optimization</a>
						<p>Hey... this class looks familiar.</p>
					</li>

					<li>
						<div id="div-making-mobile-app" class="li-div-img"></div>
						<a href="project-mobile.html">Mobile Web Development</a>
						<p>Making mobile apps isn't so hard after all.</p>
					</li>

					<li>
						<div id="div-pizzeria" class="li-div-img"></div>
						<a href="views/pizza.html">Cam's Pizzeria</a>
						<p>Who wants a performant pizza?</p>
					</li>
				</ul>
			</div>

			<footer>
				<p>&copy; Web Performance 2014 <span id="crp-stats"></span></p>
			</footer>
		</div>
	</body>

</html>